<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <title>Mein Wiki</title>
        <h:outputStylesheet library="css" name="stylesheet.css"/>
    </h:head>
    <h:body >
        <div id="wrapper">
            <div id="suche">
                <h:form>
                    <h:inputText id="name" value="#{articleBean.searchText}" required="true" requiredMessage="Keine Eingabe im Suchfeld" styleClass="inputSearch" maxlength="100" autocomplete="on" />
                    <h:commandButton id="cmd" value="Suchen" action="#{articleBean.search()}" styleClass="button" />
                </h:form>
            </div>
            <h:column rendered="#{!user.user}">
                <div id="login">
                    <h:form>
                        <h:commandButton id="cmd" value="Login" action="#{articleBean.goLogin()}" styleClass="button" />
                    </h:form>
                   
                </div>
                <div id="regist">
                     <h:form>
                        <h:commandButton id="cmd" value="Registrieren" action="#{articleBean.toRegist()}" styleClass="button" />
                    </h:form>
                </div>
            </h:column>
            <h:column rendered="#{user.user}">
            <div id="ausloggen">
                <h:form>
                        <h:commandButton value="Ausloggen" action="#{userBean.logout(user)}" styleClass="button"/>
                </h:form>
            </div>
            </h:column>    

            <div id="header">
                <h:form>
                    <h:commandLink action="#{articleBean.goIndex()}">
                        <h:graphicImage styleClass="image" library="images" name="LOGO-WIKI.jpg" alt="MeinWiki"/>
                    </h:commandLink>
                </h:form>
            </div>
            <div id="menue">
                <h:form>
               <div id="links">
                   <h:commandButton action="#{articleBean.random()}" value="Zufälliger Artikel" styleClass="links">

                   </h:commandButton>
                </div>
                <div id="links">
                    <h:commandButton action="#{articleBean.latestArticle()}" value="Neuster Artikel" styleClass="links" >

                    </h:commandButton>
                    
                </div>
                    <h:column rendered="#{user.boss}">
                    <div id="links">
                    <h:commandButton value="Artikel Erstellen" action="#{articleBean.create()}" styleClass="links" />
                    </div>
                        </h:column>
                </h:form>
            </div>
            
            <div id="content">
                <h1>Willkommen #{user.user_name} bei Mein Wiki</h1>
                <p>Mein Wiki ist eine Sammlung von Interessanten Artikeln, nicht jeder hat die Möglichkeit Beiträge zu editieren. Nur bestimmten Benutzern ist dies Privileg vorbehalten. </p> 
                <div id="content-left">
                    <h1>Elefanten</h1>
                    <div id="content-right-left">
                        <p><b>Elefanten (Elephantidae)</b>(altgr. ἐλέφαντ- eléfant-, Stamm von ἐλέφᾱς eléfās ‚Elefant‘) bilden eine Familie der Rüsseltiere. Diese Familie umfasst alle heute noch lebenden Vertreter der Rüsseltiere.</p>
                    </div>
                    <div id="image-right">
                        <h:graphicImage id="image1" library="images" name="Elefantenherde.jpg" alt="MeinWiki" style="float: right"/>
                    </div>
                    <div id="content-right-content">
                        <h:form>
                            <p>Elefanten sind die größten noch lebenden Landtiere. Schon bei der Geburt wiegt ein Kalb bis zu 100 Kilogramm. Die Tragzeit ist mit 20 bis 22 Monaten die längste aller 
                                <h:commandLink action="#{articleBean.search()}">        
                                        <h:outputText  value="Landsäugetiere" styleClass="linkText"/>
                                        <f:param name="searchText" value="Säugetier"/>
                                </h:commandLink>. Je nach Art kann ein Elefant im Durchschnitt zwischen zwei und fünf Tonnen Körpergewicht und eine Größe von bis zu vier Metern erreichen. Das größte bekannte Exemplar war ein am 4. April 1978 im Damaraland (Namibia) erlegter Bulle, der 4,21 Meter groß und 10,39 Meter lang war. Der älteste Elefant lebte im Zoo von Taipeh und wurde 86 Jahre alt.</p>
                        </h:form>
                    </div>
                </div>
                <div id="content-right">
                    <h1>Vegetation</h1>
                    <div id="content-right-left">
                        <h:form>
                            <p><b>Die Vegetation</b> ist die Gesamtheit der Pflanzenformationen und Pflanzengesellschaften, die in einem Gebiet wachsen. Die Vegetation wird geprägt durch 
                                <h:commandLink action="#{articleBean.search()}">        
                                        <h:outputText  value="Klima" styleClass="linkText"/>
                                        <f:param name="searchText" value="Klima"/>
                                </h:commandLink>, Boden, Relief, Gestein, Wasserhaushalt und durch die Einflüsse von Feuer, von Tieren und durch 
                                <h:commandLink action="#{articleBean.search()}">        
                                        <h:outputText  value="Menschen" styleClass="linkText"/>
                                        <f:param name="searchText" value="Mensch"/>
                                </h:commandLink> </p>
                        </h:form>
                    </div>
                    <div id="image-right">
                        <h:graphicImage id="image2" library="images" name="vegetation.jpg" height="200" width="300" alt="MeinWiki" style="float: right"/>
                    </div>
                    <div id="content-right-content">
                        <h:form>
                            <p>Die durch das Groß<h:commandLink value="klima" action="#{articleBean.search('Klima')}" styleClass="linkText"/> beeinflussten Vegetationsformationen sind auf der Erde zonal in Vegetationszonen angeordnet (hauptsächlich entsprechend den Klimazonen). Bei kleinräumigen Untersuchungen wird auch oft von einer Pflanzendecke gesprochen, bei der wissenschaftlichen Aufnahme spricht man generell von einer Vegetationsaufnahme.
                            Die verwandten Begriffe Flora und Florenreich beziehen sich dagegen nicht auf die Pflanzenformation, sondern auf die Gesamtheit aller Pflanzensippen eines Gebietes.</p>
                        </h:form>
                    </div>
                </div>
                
                <h:form>                    
                    <div>
                <ui:repeat var="row" value="#{articleBean.lastTen}">
                       <h:commandLink  action="#{articleBean.show()}">
                        <div id="boxesresult">
                        <h2>
                            
                            <h:outputText  value="#{row.theme}" styleClass="linkText"/><br />
                                <f:param name="id" value="#{row.id}"/>
                        </h2>
                        <h:outputText escape="false" value="#{row.firstPost().shortPost}"/>
                        </div>
                           </h:commandLink>
                    </ui:repeat>
                    </div>
                
                    
                </h:form>
                <h:form>
                    
                </h:form>
            </div>
            <div id="footer">
                <h:form>
                    <div id="footerlinks">
                        <h:commandLink action="#{articleBean.goImpressum()}">
                            <h:outputText value="Impressum"/>
                        </h:commandLink>
                    </div>
                    <div id="footerlinks">
                        <h:commandLink action="#{articleBean.goKontakt()}">
                            <h:outputText value="Kontakt"/>
                        </h:commandLink>
                    </div>
                     <div id="footerlinks">
                    <h:commandLink id="test" value="create Test" action="#{articleBean.createTest()}" />
                    </div>
                </h:form>
            </div>
        </div>
        
    </h:body>
</html>

